.float_close {
    position: fixed;
    display:block;
    width: 25px;
    height: 50px;
    overflow: hidden;
    border-radius: 25px;
    background: black;
    opacity: 0.5;
    right:2px;
}
.float_close:hover {
    cursor: pointer;
    opacity: 1;
}
.float_close::before, .float_close::after {
    content: '';
    position: absolute;
    width: 80%;
    top: 50%;
    left: 10%;
    height: 2px;
    margin-top: -6px;
    background: #ffffff;
}
.float_close::before {
    transform: rotate(45deg);
}
.float_close::after {
    transform: rotate(-45deg);
}

.black_overlay{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    opacity:.80;
    filter: alpha(opacity=88);
}
.white_content {
    display: none;
    position: absolute;
    top: 10%;
    left: 5%;
    bottom: 10%;
    right: 5%;
    padding: 20px;
    border: 1px solid black;
    background-color: white;
    z-index:1002;
    overflow: auto;
}